목차
<nav> 객체 정의 - 네비게이션링크 모음
<nav> 객체 구문
<nav> 객체 예제 - 접근
<nav> 객체 예제 - 생성
<nav> 객체 속성
<nav> 객체 정의 - 네비게이션링크 모음
HTML <nav> 태그(요소) 의미. (IE9 이상 지원)
<nav> 객체 구문
[접근]
var x = document.getElementById ("요소ID");
[생성]
var x = document.createElement ("NAV");
<nav> 객체 예제 - 접근
<nav id="hz">
<a href="#">HTML</a> |
<a href="#">CSS</a>
</nav>
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.getElementById("hz").innerHTML;
document.getElementById("demo").innerHTML = x;
}
</script>
결과보기
<nav> 객체 예제 - 생성
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.createElement("NAV");
document.body.appendChild(x);
var a = document.createElement("A");
a .setAttribute("href", "https://homzzang.com/b/html");
var t = document.createTextNode("HTML");
a.appendChild(t);
x.appendChild(a);
}
</script>
결과보기
<nav> 객체 속성
고유 속성 없음.
※ <nav> 객체는 표준 속성/메서드 /이벤트 지원.
주소 복사
랜덤 이동